<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
    <!--跳转至外部的资源-->
    <a href="https://www.baidu.com">百度首页</a>
    <a href="https://www.tmooc.cn/">达内首页</a>
    <!--跳转至本地资源-->
    <a href="p1.html">跳转至页面1</a>
    <a href="p5.html">跳转至页面5</a>
    <a href="1.png">即将打开图片1</a>
    <!-- 图片链接   -->
    <a href="https://www.tmooc.cn/">
        <img src="1.png">
    </a>
    <!-- _self刷新当前页 _blank打开一个新的空白页 -->
    <a href="https://www.baidu.com" target="_self">百度1</a>
    <a href="https://www.baidu.com" target="_blank">百度2</a>
    <hr>
    <!--锚点 书签-->
    <h1>西游记</h1>
    <a href="#c1">快速跳转至第1章</a>
    <a href="#c2">快速跳转至第2章</a>
    <a href="#c3">快速跳转至第3章</a>
    <hr>
    <h3 id="c1">第一章 石猴出世</h3><!--p*30>lorem-->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid beatae distinctio dolorem doloremque earum
        error fugit in ipsum itaque laboriosam libero modi molestias necessitatibus, nulla quibusdam quos similique
        veritatis vero.</p>
    <p>Animi corporis debitis, delectus ducimus eum expedita, harum id in incidunt laborum magni praesentium quae
        sapiente ullam ut? Autem dolor doloribus est facilis labore nobis officia placeat quae quasi suscipit!</p>
    <p>Accusantium aliquid amet architecto at blanditiis dolore eveniet ex ipsa nemo neque nobis nulla, officia quasi
        qui quidem quod saepe sequi soluta vel voluptatum. Deserunt maiores neque pariatur quod reiciendis!</p>
    <p>Aspernatur consequuntur molestiae, non nulla sit tempora veniam! Consequatur dicta eaque eligendi enim et, eum ex
        excepturi fugit hic illo libero, nemo quo sapiente similique veniam voluptatem voluptates. Eaque, nemo!</p>
    <p>A ab aperiam consectetur cumque dolorem, ea, error laudantium neque nobis obcaecati odio, quasi quod? Aliquid,
        consectetur facilis fuga inventore magni minus provident voluptas voluptatem? At aut molestias mollitia
        quaerat.</p>
    <p>At atque reiciendis voluptates? Accusamus autem consectetur cum dolorem ducimus est eum ex, exercitationem
        expedita explicabo illum impedit, iste iure nesciunt omnis, perferendis provident quasi repudiandae sed totam.
        Nihil, quos.</p>
    <p>Dolore eius illo impedit in ipsa iusto officiis quae quas. Commodi culpa debitis delectus dicta dolor dolorem
        explicabo mollitia nam necessitatibus neque, nostrum odit recusandae sapiente sint ullam, veniam veritatis?</p>
    <p>Aspernatur est nemo nihil obcaecati quos? Architecto, debitis distinctio enim expedita harum omnis quo reiciendis
        veritatis? Debitis dolores ea esse, explicabo magni mollitia officiis placeat, quasi quod totam unde vitae.</p>
    <p>Asperiores consequatur dicta dolor doloribus eius eligendi, est facere fugit id impedit iste itaque iure
        laboriosam molestiae molestias nam nobis odit provident quod, repellendus sint sunt totam ullam unde, vel.</p>
    <p>Accusantium consectetur dignissimos inventore magni nostrum quas quis recusandae ullam, velit vero? Dolorem eum
        laborum nesciunt omnis reiciendis repudiandae soluta! Cupiditate eum facere illo laudantium nesciunt quaerat
        quibusdam repellat voluptatem.</p>
    <p>Ab aliquid, asperiores aspernatur autem deleniti deserunt dicta distinctio doloremque eos est illum iure maxime
        nemo neque nisi nulla odit perspiciatis praesentium provident quae quod reiciendis sequi ullam veritatis
        vero!</p>
    <p>Architecto consequatur deserunt dolorem, esse et, eveniet, hic inventore iure quos repudiandae similique velit!
        Architecto assumenda at debitis, enim esse expedita, labore libero magnam modi molestias, perferendis quae
        quidem sunt!</p>
    <p>Culpa exercitationem id nemo suscipit vel? Exercitationem illo ipsum laboriosam maiores nihil nisi non optio. A
        adipisci eum explicabo fugiat in ipsa, maiores, minima, modi pariatur quasi ratione vel voluptatum!</p>
    <p>Accusamus alias architecto aut commodi, deleniti distinctio doloribus, ex expedita harum illum inventore iusto
        libero magnam maiores modi nam nihil placeat reiciendis repellat saepe sit tempore temporibus ullam velit
        voluptatum!</p>
    <p>Ab asperiores dolore eos, esse fugiat fugit hic in molestiae nesciunt nulla possimus quis quisquam sapiente
        voluptas voluptatibus. Animi aspernatur debitis, dolores fugiat iste modi nobis nostrum placeat sapiente
        soluta!</p>
    <p>Consequatur corporis cum debitis deleniti dignissimos doloribus ducimus earum eos laudantium maxime minus
        mollitia nam natus obcaecati odio officiis pariatur quae quasi qui recusandae, rem soluta ut, voluptatem
        voluptates voluptatibus?</p>
    <p>Aliquam beatae dolorem dolores doloribus eos error est, eveniet excepturi praesentium quos tempore veritatis,
        vitae. Beatae blanditiis dolor esse facilis laborum magni nesciunt velit vitae! Dolorem expedita molestiae natus
        tempore.</p>
    <p>Fuga ipsam placeat sapiente voluptatem! A debitis ipsam quae totam vitae. Accusantium asperiores atque doloribus
        dolorum, ea ex, iure, minima nam pariatur quaerat quam quibusdam! Culpa deserunt doloremque nobis
        reiciendis.</p>
    <p>Cumque, molestias, rerum. Accusamus aliquid asperiores assumenda at autem, blanditiis consequatur consequuntur
        deleniti earum error, expedita hic in incidunt iste iusto labore nam neque quia repellendus sapiente tempore
        totam vitae.</p>
    <p>Asperiores est fuga itaque laboriosam magni neque ratione sequi sint voluptate! Ad adipisci consequatur deleniti
        dolorum earum et impedit inventore iste, iure officiis provident quos sed sunt ullam vel vero.</p>
    <p>Aliquam atque beatae culpa cumque, deserunt dignissimos enim esse excepturi facilis in ipsum laborum maiores
        natus omnis pariatur perspiciatis placeat quas quasi qui, rem repellat sit vel vero voluptas voluptates.</p>
    <p>A ab accusantium, adipisci at beatae consectetur error ex in ipsa, ipsum iure libero placeat quod rerum
        voluptatum? Ab, consequatur delectus distinctio dolor enim nostrum sint voluptas! Nemo, officia quis.</p>
    <p>Asperiores aut consequatur dicta dolores et ex fuga itaque minus, nisi numquam obcaecati officia quia quos,
        soluta totam ut vero voluptate? Culpa dicta dolorum eius ex id quae sint voluptate?</p>
    <p>Autem consectetur, cumque, doloremque esse incidunt inventore ipsum labore laborum magni necessitatibus nemo
        pariatur quam quisquam quo recusandae sint suscipit tenetur voluptas voluptate voluptatem. Aliquid animi optio
        quas reiciendis repellendus.</p>
    <p>Asperiores cumque cupiditate doloribus nulla omnis quae vitae voluptas voluptatem. Ad aliquam aliquid animi autem
        enim natus numquam placeat recusandae. Beatae illo laboriosam molestiae odit quidem quod recusandae sapiente
        voluptatibus.</p>
    <p>Alias, culpa expedita id itaque iusto libero minus perferendis voluptatum! A adipisci asperiores autem esse,
        eveniet expedita fugiat molestias mollitia nam neque porro ratione rem repellendus saepe velit veniam vitae.</p>
    <p>A adipisci alias aliquam aliquid aspernatur assumenda cumque dolore ducimus eos fuga fugiat impedit, ipsa magnam
        maiores modi natus officiis, optio pariatur quaerat repellendus reprehenderit sed tempore temporibus voluptate
        voluptatibus!</p>
    <p>Commodi deleniti, dolor ea est facere illo iste nihil nisi nostrum obcaecati quis sapiente vel? Architecto
        corporis dolorum enim illum quaerat quos tempore unde vitae, voluptas voluptatem! Aspernatur, beatae
        quaerat?</p>
    <p>Animi aperiam culpa deserunt dolor error ex excepturi exercitationem id iure iusto maiores maxime nesciunt nihil
        nobis omnis perferendis porro quibusdam ratione rerum soluta sunt, tempore tenetur ullam veniam voluptate?</p>
    <p>Adipisci alias aut commodi est excepturi, explicabo facere harum incidunt ipsa itaque iusto nam neque nisi non
        obcaecati optio pariatur porro possimus, quae quibusdam quod quos ratione repellat saepe sit.</p>

    <h3 id="c2">第二章 蓬莱学艺</h3><!--p*30>lorem-->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid beatae distinctio dolorem doloremque earum
        error fugit in ipsum itaque laboriosam libero modi molestias necessitatibus, nulla quibusdam quos similique
        veritatis vero.</p>
    <p>Animi corporis debitis, delectus ducimus eum expedita, harum id in incidunt laborum magni praesentium quae
        sapiente ullam ut? Autem dolor doloribus est facilis labore nobis officia placeat quae quasi suscipit!</p>
    <p>Accusantium aliquid amet architecto at blanditiis dolore eveniet ex ipsa nemo neque nobis nulla, officia quasi
        qui quidem quod saepe sequi soluta vel voluptatum. Deserunt maiores neque pariatur quod reiciendis!</p>
    <p>Aspernatur consequuntur molestiae, non nulla sit tempora veniam! Consequatur dicta eaque eligendi enim et, eum ex
        excepturi fugit hic illo libero, nemo quo sapiente similique veniam voluptatem voluptates. Eaque, nemo!</p>
    <p>A ab aperiam consectetur cumque dolorem, ea, error laudantium neque nobis obcaecati odio, quasi quod? Aliquid,
        consectetur facilis fuga inventore magni minus provident voluptas voluptatem? At aut molestias mollitia
        quaerat.</p>
    <p>At atque reiciendis voluptates? Accusamus autem consectetur cum dolorem ducimus est eum ex, exercitationem
        expedita explicabo illum impedit, iste iure nesciunt omnis, perferendis provident quasi repudiandae sed totam.
        Nihil, quos.</p>
    <p>Dolore eius illo impedit in ipsa iusto officiis quae quas. Commodi culpa debitis delectus dicta dolor dolorem
        explicabo mollitia nam necessitatibus neque, nostrum odit recusandae sapiente sint ullam, veniam veritatis?</p>
    <p>Aspernatur est nemo nihil obcaecati quos? Architecto, debitis distinctio enim expedita harum omnis quo reiciendis
        veritatis? Debitis dolores ea esse, explicabo magni mollitia officiis placeat, quasi quod totam unde vitae.</p>
    <p>Asperiores consequatur dicta dolor doloribus eius eligendi, est facere fugit id impedit iste itaque iure
        laboriosam molestiae molestias nam nobis odit provident quod, repellendus sint sunt totam ullam unde, vel.</p>
    <p>Accusantium consectetur dignissimos inventore magni nostrum quas quis recusandae ullam, velit vero? Dolorem eum
        laborum nesciunt omnis reiciendis repudiandae soluta! Cupiditate eum facere illo laudantium nesciunt quaerat
        quibusdam repellat voluptatem.</p>
    <p>Ab aliquid, asperiores aspernatur autem deleniti deserunt dicta distinctio doloremque eos est illum iure maxime
        nemo neque nisi nulla odit perspiciatis praesentium provident quae quod reiciendis sequi ullam veritatis
        vero!</p>
    <p>Architecto consequatur deserunt dolorem, esse et, eveniet, hic inventore iure quos repudiandae similique velit!
        Architecto assumenda at debitis, enim esse expedita, labore libero magnam modi molestias, perferendis quae
        quidem sunt!</p>
    <p>Culpa exercitationem id nemo suscipit vel? Exercitationem illo ipsum laboriosam maiores nihil nisi non optio. A
        adipisci eum explicabo fugiat in ipsa, maiores, minima, modi pariatur quasi ratione vel voluptatum!</p>
    <p>Accusamus alias architecto aut commodi, deleniti distinctio doloribus, ex expedita harum illum inventore iusto
        libero magnam maiores modi nam nihil placeat reiciendis repellat saepe sit tempore temporibus ullam velit
        voluptatum!</p>
    <p>Ab asperiores dolore eos, esse fugiat fugit hic in molestiae nesciunt nulla possimus quis quisquam sapiente
        voluptas voluptatibus. Animi aspernatur debitis, dolores fugiat iste modi nobis nostrum placeat sapiente
        soluta!</p>
    <p>Consequatur corporis cum debitis deleniti dignissimos doloribus ducimus earum eos laudantium maxime minus
        mollitia nam natus obcaecati odio officiis pariatur quae quasi qui recusandae, rem soluta ut, voluptatem
        voluptates voluptatibus?</p>
    <p>Aliquam beatae dolorem dolores doloribus eos error est, eveniet excepturi praesentium quos tempore veritatis,
        vitae. Beatae blanditiis dolor esse facilis laborum magni nesciunt velit vitae! Dolorem expedita molestiae natus
        tempore.</p>
    <p>Fuga ipsam placeat sapiente voluptatem! A debitis ipsam quae totam vitae. Accusantium asperiores atque doloribus
        dolorum, ea ex, iure, minima nam pariatur quaerat quam quibusdam! Culpa deserunt doloremque nobis
        reiciendis.</p>
    <p>Cumque, molestias, rerum. Accusamus aliquid asperiores assumenda at autem, blanditiis consequatur consequuntur
        deleniti earum error, expedita hic in incidunt iste iusto labore nam neque quia repellendus sapiente tempore
        totam vitae.</p>
    <p>Asperiores est fuga itaque laboriosam magni neque ratione sequi sint voluptate! Ad adipisci consequatur deleniti
        dolorum earum et impedit inventore iste, iure officiis provident quos sed sunt ullam vel vero.</p>
    <p>Aliquam atque beatae culpa cumque, deserunt dignissimos enim esse excepturi facilis in ipsum laborum maiores
        natus omnis pariatur perspiciatis placeat quas quasi qui, rem repellat sit vel vero voluptas voluptates.</p>
    <p>A ab accusantium, adipisci at beatae consectetur error ex in ipsa, ipsum iure libero placeat quod rerum
        voluptatum? Ab, consequatur delectus distinctio dolor enim nostrum sint voluptas! Nemo, officia quis.</p>
    <p>Asperiores aut consequatur dicta dolores et ex fuga itaque minus, nisi numquam obcaecati officia quia quos,
        soluta totam ut vero voluptate? Culpa dicta dolorum eius ex id quae sint voluptate?</p>
    <p>Autem consectetur, cumque, doloremque esse incidunt inventore ipsum labore laborum magni necessitatibus nemo
        pariatur quam quisquam quo recusandae sint suscipit tenetur voluptas voluptate voluptatem. Aliquid animi optio
        quas reiciendis repellendus.</p>
    <p>Asperiores cumque cupiditate doloribus nulla omnis quae vitae voluptas voluptatem. Ad aliquam aliquid animi autem
        enim natus numquam placeat recusandae. Beatae illo laboriosam molestiae odit quidem quod recusandae sapiente
        voluptatibus.</p>
    <p>Alias, culpa expedita id itaque iusto libero minus perferendis voluptatum! A adipisci asperiores autem esse,
        eveniet expedita fugiat molestias mollitia nam neque porro ratione rem repellendus saepe velit veniam vitae.</p>
    <p>A adipisci alias aliquam aliquid aspernatur assumenda cumque dolore ducimus eos fuga fugiat impedit, ipsa magnam
        maiores modi natus officiis, optio pariatur quaerat repellendus reprehenderit sed tempore temporibus voluptate
        voluptatibus!</p>
    <p>Commodi deleniti, dolor ea est facere illo iste nihil nisi nostrum obcaecati quis sapiente vel? Architecto
        corporis dolorum enim illum quaerat quos tempore unde vitae, voluptas voluptatem! Aspernatur, beatae
        quaerat?</p>
    <p>Animi aperiam culpa deserunt dolor error ex excepturi exercitationem id iure iusto maiores maxime nesciunt nihil
        nobis omnis perferendis porro quibusdam ratione rerum soluta sunt, tempore tenetur ullam veniam voluptate?</p>
    <p>Adipisci alias aut commodi est excepturi, explicabo facere harum incidunt ipsa itaque iusto nam neque nisi non
        obcaecati optio pariatur porro possimus, quae quibusdam quod quos ratione repellat saepe sit.</p>

    <h3 id="c3">第三章 龙宫借宝</h3><!--p*30>lorem-->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid beatae distinctio dolorem doloremque earum
        error fugit in ipsum itaque laboriosam libero modi molestias necessitatibus, nulla quibusdam quos similique
        veritatis vero.</p>
    <p>Animi corporis debitis, delectus ducimus eum expedita, harum id in incidunt laborum magni praesentium quae
        sapiente ullam ut? Autem dolor doloribus est facilis labore nobis officia placeat quae quasi suscipit!</p>
    <p>Accusantium aliquid amet architecto at blanditiis dolore eveniet ex ipsa nemo neque nobis nulla, officia quasi
        qui quidem quod saepe sequi soluta vel voluptatum. Deserunt maiores neque pariatur quod reiciendis!</p>
    <p>Aspernatur consequuntur molestiae, non nulla sit tempora veniam! Consequatur dicta eaque eligendi enim et, eum ex
        excepturi fugit hic illo libero, nemo quo sapiente similique veniam voluptatem voluptates. Eaque, nemo!</p>
    <p>A ab aperiam consectetur cumque dolorem, ea, error laudantium neque nobis obcaecati odio, quasi quod? Aliquid,
        consectetur facilis fuga inventore magni minus provident voluptas voluptatem? At aut molestias mollitia
        quaerat.</p>
    <p>At atque reiciendis voluptates? Accusamus autem consectetur cum dolorem ducimus est eum ex, exercitationem
        expedita explicabo illum impedit, iste iure nesciunt omnis, perferendis provident quasi repudiandae sed totam.
        Nihil, quos.</p>
    <p>Dolore eius illo impedit in ipsa iusto officiis quae quas. Commodi culpa debitis delectus dicta dolor dolorem
        explicabo mollitia nam necessitatibus neque, nostrum odit recusandae sapiente sint ullam, veniam veritatis?</p>
    <p>Aspernatur est nemo nihil obcaecati quos? Architecto, debitis distinctio enim expedita harum omnis quo reiciendis
        veritatis? Debitis dolores ea esse, explicabo magni mollitia officiis placeat, quasi quod totam unde vitae.</p>
    <p>Asperiores consequatur dicta dolor doloribus eius eligendi, est facere fugit id impedit iste itaque iure
        laboriosam molestiae molestias nam nobis odit provident quod, repellendus sint sunt totam ullam unde, vel.</p>
    <p>Accusantium consectetur dignissimos inventore magni nostrum quas quis recusandae ullam, velit vero? Dolorem eum
        laborum nesciunt omnis reiciendis repudiandae soluta! Cupiditate eum facere illo laudantium nesciunt quaerat
        quibusdam repellat voluptatem.</p>
    <p>Ab aliquid, asperiores aspernatur autem deleniti deserunt dicta distinctio doloremque eos est illum iure maxime
        nemo neque nisi nulla odit perspiciatis praesentium provident quae quod reiciendis sequi ullam veritatis
        vero!</p>
    <p>Architecto consequatur deserunt dolorem, esse et, eveniet, hic inventore iure quos repudiandae similique velit!
        Architecto assumenda at debitis, enim esse expedita, labore libero magnam modi molestias, perferendis quae
        quidem sunt!</p>
    <p>Culpa exercitationem id nemo suscipit vel? Exercitationem illo ipsum laboriosam maiores nihil nisi non optio. A
        adipisci eum explicabo fugiat in ipsa, maiores, minima, modi pariatur quasi ratione vel voluptatum!</p>
    <p>Accusamus alias architecto aut commodi, deleniti distinctio doloribus, ex expedita harum illum inventore iusto
        libero magnam maiores modi nam nihil placeat reiciendis repellat saepe sit tempore temporibus ullam velit
        voluptatum!</p>
    <p>Ab asperiores dolore eos, esse fugiat fugit hic in molestiae nesciunt nulla possimus quis quisquam sapiente
        voluptas voluptatibus. Animi aspernatur debitis, dolores fugiat iste modi nobis nostrum placeat sapiente
        soluta!</p>
    <p>Consequatur corporis cum debitis deleniti dignissimos doloribus ducimus earum eos laudantium maxime minus
        mollitia nam natus obcaecati odio officiis pariatur quae quasi qui recusandae, rem soluta ut, voluptatem
        voluptates voluptatibus?</p>
    <p>Aliquam beatae dolorem dolores doloribus eos error est, eveniet excepturi praesentium quos tempore veritatis,
        vitae. Beatae blanditiis dolor esse facilis laborum magni nesciunt velit vitae! Dolorem expedita molestiae natus
        tempore.</p>
    <p>Fuga ipsam placeat sapiente voluptatem! A debitis ipsam quae totam vitae. Accusantium asperiores atque doloribus
        dolorum, ea ex, iure, minima nam pariatur quaerat quam quibusdam! Culpa deserunt doloremque nobis
        reiciendis.</p>
    <p>Cumque, molestias, rerum. Accusamus aliquid asperiores assumenda at autem, blanditiis consequatur consequuntur
        deleniti earum error, expedita hic in incidunt iste iusto labore nam neque quia repellendus sapiente tempore
        totam vitae.</p>
    <p>Asperiores est fuga itaque laboriosam magni neque ratione sequi sint voluptate! Ad adipisci consequatur deleniti
        dolorum earum et impedit inventore iste, iure officiis provident quos sed sunt ullam vel vero.</p>
    <p>Aliquam atque beatae culpa cumque, deserunt dignissimos enim esse excepturi facilis in ipsum laborum maiores
        natus omnis pariatur perspiciatis placeat quas quasi qui, rem repellat sit vel vero voluptas voluptates.</p>
    <p>A ab accusantium, adipisci at beatae consectetur error ex in ipsa, ipsum iure libero placeat quod rerum
        voluptatum? Ab, consequatur delectus distinctio dolor enim nostrum sint voluptas! Nemo, officia quis.</p>
    <p>Asperiores aut consequatur dicta dolores et ex fuga itaque minus, nisi numquam obcaecati officia quia quos,
        soluta totam ut vero voluptate? Culpa dicta dolorum eius ex id quae sint voluptate?</p>
    <p>Autem consectetur, cumque, doloremque esse incidunt inventore ipsum labore laborum magni necessitatibus nemo
        pariatur quam quisquam quo recusandae sint suscipit tenetur voluptas voluptate voluptatem. Aliquid animi optio
        quas reiciendis repellendus.</p>
    <p>Asperiores cumque cupiditate doloribus nulla omnis quae vitae voluptas voluptatem. Ad aliquam aliquid animi autem
        enim natus numquam placeat recusandae. Beatae illo laboriosam molestiae odit quidem quod recusandae sapiente
        voluptatibus.</p>
    <p>Alias, culpa expedita id itaque iusto libero minus perferendis voluptatum! A adipisci asperiores autem esse,
        eveniet expedita fugiat molestias mollitia nam neque porro ratione rem repellendus saepe velit veniam vitae.</p>
    <p>A adipisci alias aliquam aliquid aspernatur assumenda cumque dolore ducimus eos fuga fugiat impedit, ipsa magnam
        maiores modi natus officiis, optio pariatur quaerat repellendus reprehenderit sed tempore temporibus voluptate
        voluptatibus!</p>
    <p>Commodi deleniti, dolor ea est facere illo iste nihil nisi nostrum obcaecati quis sapiente vel? Architecto
        corporis dolorum enim illum quaerat quos tempore unde vitae, voluptas voluptatem! Aspernatur, beatae
        quaerat?</p>
    <p>Animi aperiam culpa deserunt dolor error ex excepturi exercitationem id iure iusto maiores maxime nesciunt nihil
        nobis omnis perferendis porro quibusdam ratione rerum soluta sunt, tempore tenetur ullam veniam voluptate?</p>
    <p>Adipisci alias aut commodi est excepturi, explicabo facere harum incidunt ipsa itaque iusto nam neque nisi non
        obcaecati optio pariatur porro possimus, quae quibusdam quod quos ratione repellat saepe sit.</p>
    <a href="#">快速跳转至页面顶部</a>
</body>
</html>